<template>
  <div class="SideMenuItem">
    <div class="SideMenuItem-header">
      <i class="SideMenuItem-header-icon" v-if="icon" :class="[icon]"></i>
      <span class="SideMenuItem-header-title">{{title}}</span>
    </div>
  </div>
</template>

<script>
  export default {
    props: {
      title: {
        type: String,
        default: ''
      },
      icon: {
        type: String,
        default: ''
      }
    }
  }
</script>

<style lang="stylus">
  .SideMenuItem
    color: rgb(188,186,199)
</style>